/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 8, 2022 */



@font-face {
    font-family: 'klinic_slabbold';
    src: url('klinicslabbold-webfont.woff2') format('woff2'),
         url('klinicslabbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klinic_slabbook';
    src: url('klinicslabbook-webfont.woff2') format('woff2'),
         url('klinicslabbook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klinic_slabbook_italic';
    src: url('klinicslabbookit-webfont.woff2') format('woff2'),
         url('klinicslabbookit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klinic_slablight';
    src: url('klinicslablight-webfont.woff2') format('woff2'),
         url('klinicslablight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klinic_slablight_italic';
    src: url('klinicslablightit-webfont.woff2') format('woff2'),
         url('klinicslablightit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klinic_slabmedium';
    src: url('klinicslabmedium-webfont.woff2') format('woff2'),
         url('klinicslabmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klinic_slabmedium_italic';
    src: url('klinicslabmediumit-webfont.woff2') format('woff2'),
         url('klinicslabmediumit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 8, 2022 */



@font-face {
    font-family: 'goudy_old_styleitalic';
    src: url('goi_____-webfont.woff2') format('woff2'),
         url('goi_____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'goudy_old_styleregular';
    src: url('goudos-webfont.woff2') format('woff2'),
         url('goudos-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'goudy_old_stylebold';
    src: url('goudosb-webfont.woff2') format('woff2'),
         url('goudosb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'goudy_old_styleitalic';
    src: url('goudosi-webfont.woff2') format('woff2'),
         url('goudosi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'goudy_old_stylebold';
    src: url('goudy_old_style_bold-webfont.woff2') format('woff2'),
         url('goudy_old_style_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'goudy_old_styleitalic';
    src: url('goudy_old_style_italic-webfont.woff2') format('woff2'),
         url('goudy_old_style_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*<style>*/
.content {
   /* max-width: 500px;
    margin: auto; */

    color:#5e1211; 
    font-family: 'klinic_slabbold', sans-serif;
    font-size: 45px;
    padding: 0px;
    margin:50px;
}
/*.mc_embed_signup {

    max-width: 500px;
    margin: 50px;

    color:#5e1211; 
    font-family: 'klinic_slabbold', sans-serif;
    font-size: 30px;
    padding: 50px;
} */


a:link {
    color: #fff;
    }
      
    a:visited {
    color: #fff;
    }
      
    a:hover {
    color: #5e1211;
    }

    a:active {
    color: #fff;
    }

nav {
    color: #5e1211; /*this is Wine for the text from brand style guide*/
    margin: 0px;
    background-color: #f6f3ef; /*this is a 15% Cannoli color to match background*/
    font-family: 'klinic_slabbold', sans-serif; 

                
        }
h1{
    color:#0B9446; 
    font-family: 'klinic_slabbold', sans-serif;
    font-size: 45px;
    padding: 0px;
    margin:50px;

}
h2{
    color:#5e1211; 
    font-family: 'klinic_slabbold', sans-serif; 
    font-size: 40px;
    font-weight: bold;
    padding: 0px;
    margin:50px;

}
h3{
    color:#5e1211; 
    font-family: 'klinic_slabbold', sans-serif; 
    font-size: 30px;
    font-weight: bold;
    padding: 0px;
    margin:50px;
    
}

h4{
    color:#5e1211; 
    font-family: 'klinic_slabbold', sans-serif; 
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    margin:50px;
    
}
/*Tried to do youtube tutorial to center paragraph and not sure it works https://youtu.be/QdITQ4upjME */
p{
    max-width: 750px;
    width: 100%;
    align-items:center;
    justify-content: center;
    font-family: 'klinic_slabmedium', sans-serif; 
    font-size:20px;
    padding: 0px;
    margin:50px;
} 

img{
    padding:0px;
    margin:25px;

}

blockquote{
    color:#5e1211; 
    font-family: 'klinic_slabmedium', sans-serif; 
    font-size: 20px;
    font-weight: italic;
    padding: 50px;
    margin:50px;

    
}
/* Navigation */
ul {
    list-style-type: none; /*this removes the bullets from the list */
    margin: 0;
    padding: 0;
    font-family:'klinic_slabbold', sans-serif;
}
li {
    display: inline-block; /*this makes the links horizontal */
}

header {
    /*color: #5e1211; /*this is Wine for the text from brand style guide*/
    color: #fff; /*this is the font color and it is white*/
    margin: 0px;
    background-color: #5e1211; /*this is a wine color */
    font-family: 'klinic_slabbold', sans-serif;

            
}

nav li a {
    color: #fff; /*this is the font color and it is white*/
    padding: 10px; /*this is the padding around the text which creates that box*/
    background-color: #5e1211; /*this is the background color in the box around the text*/
    max-width: 700px;
    width: 100%;
    align-items:center;
    justify-content: space-evenly;
    font-family: 'klinic_slabbold', sans-serif;

           
}

head{
    margin:10px;
    padding:0px
}
body {
    margin:10px;
    padding:0px;

           
}

/*Trying to size and space social media icons. Not sure it worked. Tried to do it in HTML lines, but can't figure out padding*/
.social-icon {
    width: 45px;
    padding-right: 30px;
}

.glyphicon {
    margin: 25px;
  }

footer {
    /*color: #5e1211; /*this is Wine for the text from brand style guide. Marinara Red change, from 15% Cannoli color to match background*/
    margin: 0px;
    background-image: center;
    background-color: #CF1C44; 
    font-family: 'klinic_slabbold', sans-serif;
    /*font-size:smaller;*/
    padding: 10px;
    justify-content: center;
}

footer nav li a {
    color: #fff; /*this is the link font color and it is white*/
    padding: 0px; /*this is the padding around the text which creates that box*/
    /*background-color: #5e1211; /*this is the background color in the box around the text*/
    font-family:'klinic_slabbold', sans-serif;
    max-width:700px;
    width:100%;
    /*align-items:center;
    justify-content:center;*/
    

             
    }